<template>
  <div class="case-1">
  <div class="case-head5">
    <h2>典型案例--数字化柔性集成制造系统</h2>
  </div>



    <div class="case3-text">
      <h3>数字化柔性集成制造系统</h3>
    </div>
      <div class="case-text-p">
        <p>针对数字化柔性制造系统，基于启发式智能优化算法，设计并实现了车间优化调度和工序排产模块；基于J2EE框架，采用OPC技术及WebSocket实时多源数据传输技术，开发了基于“互联网+”的车间生产设备智能监控系统。系统在江苏汇博机器人有限公司模块实训车间得到应用，实现了车间生产管理的可视化、标准化、数字化及信息的互联互通。该系统有效促进了智能制造行业柔性制造系统的整体优化升级。
        </p>
      </div>

    <div class="case3-text">
      <h3>模块化柔性制造综合实训设备</h3>
    </div>
    <div class="case3">
      <!--data-ride="carousel"自动播放，默认5s-->
      <img src="../../img/img90.jpg" class="case1-img">
    </div>
    <div class="case3-text">
      <h3>设备管理与监控</h3>
    </div>
    <div class="case3">
      <!--data-ride="carousel"自动播放，默认5s-->
      <img src="../../img/imge91.jpg" class="case1-img">
    </div>
    <div class="case3-text">
      <h3>实时实数据显示</h3>
    </div>
    <div class="case3">
      <!--data-ride="carousel"自动播放，默认5s-->
      <img src="../../img/imge92.jpg" class="case1-img">
    </div>
  </div>
</template>
<script type="text/ecmascript-6">

</script>

<style lang="stylus" rel="stylesheet/stylus">
  .case-head5

    padding: 60px 0 10px 0
    width: 100%
    text-align: center


 /* .case3
    margin: 50px 0 50px 0*/


  .case a
    text-decoration: none


  .case img
    border-radius: 10px

  ./*case-text
    text-align: center*/
  .case-item
    padding: 20px


  /*case页面CSS结束*/
  /*******************************case样式结束*********************************/

  /*******************************case-1页面CSS开始******************************/
  .case3
    display: flex;
    justify-content: center;
    align-items: center;

  .case1-img
    width:60%

  #img img
    margin: auto
    width:300px

  .carousel-control
    font-size: 10em


  .case3-text
    margin 0 100px 10px 100px

  .case-text
    text-indent: 2em

  .case-text-p p
    margin: 0 100px 20px 100px
    text-indent: 2em
 .support-background-img
    width: 60%

</style>
